// pages/all-song-menu/index.js
import { songMenuType, songMenuColor } from '../../constValue/index'
import { getSongsMenuData } from '../../service/api_music'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 所有的歌单数据
    allMenuData: [],
    // 每次请求次数
    requestTimes: 4,
    // 各种歌单的背景颜色
    songMenuColor: [],
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // 获取网络数据
    this.getPageData()
    // 获取静态数据
    this.setData({ songMenuColor })
  },
  getPageData() {
    const length = this.data.allMenuData.length
    const times = this.data.requestTimes
    // 达到最大长度时退出
    if(length >= songMenuType.length) return 
    let finalLength = length + times
    // 如果超过最大长度，则直接获取到最大长度就可以了
    if(length + times > songMenuType.length) 
      finalLength = songMenuType.length
    for(let i = length; i < finalLength; i++) {
      getSongsMenuData(songMenuType[i], 12).then(res => {
        this.data.allMenuData.push(res)
        this.setData({ allMenuData: this.data.allMenuData })
      })
    }
  },
  onReachBottom() {
    this.getPageData()
  }
})